{% extends "base.html" %}

{% block title %}{{text}}{% endblock %}

{% block heads %} 
<style type="text/css">
table#tabela {width:96%; allign:center; background: #333;}
table#tabela tr{color: #000; background: #BBBBBB;}
table#tabela tr:hover{color: #000; background: #DDD;}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
   $("tr").click(function() {
     alert("Hello world!");
   });
 });
</script>

{% endblock %}

{% block content %}
tabela:
<div align="center">

<table id=tabela>
{% for x in tb1 %}
 <tr><td>{{ x.0 }}</td><td>{{ x.1 }} </td></tr> 
{% endfor %}
</table>

</div>

{% endblock %}
